<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2"></div>
		<div class="span8">
			<div class="row-fluid">
				<!-- left side search box container-->
				<div class="span12">
					<ul class="thumbnails">
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/trek.jpg" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Trekking</h4>
									<p>
									<p>
									<p>
										<a href="createtrek" class="btn btn-success">Create Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/scuba.png" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Scuba Driving</h4>
									<p>
									<p>
										<a href="createscuba" class="btn btn-success">Create Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/mountain.png" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Mountaineering</h4>
									<p>
									<p>
										<a href="createmountaineering" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/cycling.png" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Cycling</h4>
									<p>
									<p>
										<a href="createcycling" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>
					</ul>
					<ul class="thumbnails" style="text-align: center;">
						<li class="span3">
							<div class="thumbnail">
								<img src="ViewResource/img/trekking/rafting.png" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Rafting</h4>
									<p>
									<p>
										<a href="createrafting" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/motorbiking.jpg"
									alt="160x120" style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Motor Biking</h4>
									<p>
									<p>
										<a href="createmotorbiking" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/wildlife.jpg" alt="160x120"
									style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Wildlife Safari</h4>
									<p>
									<p>
										<a href="createwildlifesafari" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>
						<li class="span3">
							<div class="thumbnail" style="text-align: center;">
								<img src="ViewResource/img/trekking/exploration.png"
									alt="160x120" style="width: 150px; height: 150px;" />
								<div class="caption">
									<h4>Exploration</h4>
									<p>
									<p>
										<a href="createexploration" class="btn btn-success">Create
											Event</a>
									</p>
								</div>
							</div>
						</li>

					</ul>
				</div>
				<!-- left side search box container ends here-->

				<!-- right side search box container-->

				<!-- right side search box container ends here-->
			</div>
		</div>
		<div class="span2"></div>
	</div>
</div>